<!DOCTYPE html>
<html>
	<head>
	<link rel="stylesheet" type="text/css" href="bootstrap.css" />
    <link rel="stylesheet" type="text/css" href="bootstrap.min.css" />
    <link rel="stylesheet" type="text/css" href="bootstrap-theme.css" />
    <link rel="stylesheet" type="text/css" href="bootstrap-theme.min.css" />
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<style type="text/css">
		.content{
      width: 60%;
    }
    ul.none {list-style-type: none}
    .photo{
      margin-right: 30px;
      margin-left: 30px;
      width: 40%;
      float: left;
    }
    .text-1{
      float: right;
    }
    .biaoti{
      width: 40%;
      height: 30px;
      float: left;
    }
    .name{
      float: left;
      width: 20%;
    }
    body{
      background-repeat: no-repeat; 
      background-attachment: fixed;
    }
    .back{
       background-color: rgba(143, 130, 130, 0.28);
       color: white;
    }
    .box{
      float: left;
      margin-left: 10%;
      margin-right: 10%;
      margin-top: 40px;
      margin-bottom: 10px;
      width: 100%;
      height: 500px;
    }
    .box-1{
      width: 78%;
      height: 250px;
    }
    h3{
      color: white;
    }
    address{
      color: white;
      text-align: center;
    }
		</style>
	</head>
	<body background="F:\myblog\beijing.jpg">
		<nav class="navbar navbar navbar-inverse" role="navigation">
  
  <div class="navbar-header">
    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
      <span class="sr-only">Toggle navigation</span>
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
    </button>
    <a class="navbar-brand" href="F:/myblog/home.html">HOME</a>
    <a class="navbar-brand" href="F:/myblog/content.html">CONTENTS</a>
    <a class="navbar-brand" href="#">MESSAGE</a>
  </div>

  <!-- Collect the nav links, forms, and other content for toggling -->
  <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
    <form class="navbar-form navbar-right" role="search">
      <div class="form-group">
        <input type="text" class="form-control" placeholder="Search">
      </div>
      <button type="button" class="btn btn-primary">Submit</button>
    </form>
  </div><!-- /.navbar-collapse -->
</nav>
<div class="box">
  <div class="box-1">
    <textarea class="form-control" rows="5"></textarea>
  </div>
  <button type="button" class="btn btn-primary">Submit</button>
</div>
<hr>
<address>xidian university</address>
	</body>
</html>